<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="Pragma" content="no-cache" />
		<title></title>
		<style>
			*{margin: 0;padding: 0;}
		
		</style>
	</head>
	<body>
		<div id="box">
			<img src="images/banner1.jpg" id="img"  />
		</div>
		<script>
			var img =document.getElementById('img');
			DrawImage(img,120,800)
			function DrawImage(ImgD,FitWidth,FitHeight){   
			    var image = new Image();   
			    image.src=ImgD.src;   
			    if(image.width>0 && image.height>0){   
			        if(image.width/image.height>= FitWidth/FitHeight){   
			            if(image.width>FitWidth){   
			                ImgD.width=FitWidth;   
			                ImgD.height=(image.height*FitWidth)/image.width;   
			            }   
			            else{   
			                ImgD.width=image.width;   
			                ImgD.height=image.height;   
			            }   
			        }   
			        else{   
			            if(image.height>FitHeight){   
			                ImgD.height=FitHeight;   
			                ImgD.width=(image.width*FitHeight)/image.height;   
			            }   
			            else{   
			                ImgD.width=image.width;   
			                ImgD.height=image.height;   
			            }   
			        }   
			    }   
			}  
		</script>
	</body>
</html>
